<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/inex.css">
    <link rel="stylesheet" href="../css/slider.css">
    <script src="../lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function(){
            //鼠标移入 li 显示p的边框 和 子级菜单
            $("#banner .category li").mouseenter(function(){
                //当前li的p
                $(this).find("p").addClass("active_p");
                $(this).find("div").addClass("active_div")
            })
            //鼠标移入 li 隐藏p的边框 和 子级菜单
            $("#banner .category li").mouseleave(function(){
                //当前li的p
                $(this).find("p").removeClass("active_p");
                $(this).find("div").removeClass("active_div")
            })
        })
    </script>
   
    
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="wrapper">
            <div>
                <img src="../images/logo.jpg">
                <div class="top fr">
                    欢迎光临
                    <span>乐购</span>，
                    请 &emsp;登录\
                    <span>注册</span>
                    </div>
            </div> 
        </div>        
    </div>
    <div class="wrapper t1 clearfix">
        <div class="t3 fr">
            我的订单
          </div>
        <div class="t2 fr">
            <i></i>
           <span>购物车  3</span>
        </div>
        <form action="" class="ssz">
            <input type="submit" value="" class="jl1 fr">
            <input type="text" value="创意文具" class="fr ssk">
        </form>
        </div>
        <div class="wrapper fenlei">
          <ul class="fr">
              <li>
                  <a href="../乐购商城-day7/2.product list.html">图书</a>
                  </li>
              <li>
                  <a href="../乐购商城-day7/3.product details.html">电子书</a>
              </li>
              <li>
                  <a href="../乐购商城-day7/4.shopping cart.html">原创文学</a>
              </li>
              <li>
                  <a href="../乐购商城-day7/5.register.html">服装</a>
              </li>
              <li>
                  <a href="../乐购商城-day7/6.logon.html">户外运动</a>
              </li>
              <li>
                  <a href="../乐购商城-day7/1.inex.html">孕婴装装</a>
              </li>
              <li>
                  <a href="">家具</a>
              </li>
              <li>
                  <a href="">创意文具</a>
              </li>
              <li>
                  <a href="">地方特产</a>
              </li>
              <li>
                  <a href="">海外购</a>
              </li>
              <li>
                  <a href="">电器城</a>
              </li>
          </ul>
      </div>
      <div class="clear"></div>
    </div>
   <!-- 2.banner -->
    <!-- 广告轮播开始 -->
    <div id="banner" class="wrapper clearfix">
        <!-- 分类菜单 -->
        <ul class="category fl">
            
               <script>
                   let data_p=[
                        "图书、电子书、童书",
                        "创意文具",
                        "服饰、内衣",
                        "鞋靴、箱包",
                        "运动户外",
                        "孕、婴、童",
                        "家居、家纺、汽车",
                        "家具、家装、康体",
                        "美妆、个人护理、成人",
                        "食品、茶酒、生鲜",
                        "腕表、珠宝、眼镜",
                        "手机、数码",
                        "电脑办公",
                        "家用电器"
                    ]
                    let data_div=[
                    "图书馆>> 儿童书馆>> 电子书馆",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星 历史 政治军事 文化 心理学 法律",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星 经济 投资理财 金融 互联网",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星 励志成功 职场 心灵修养",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影  明星",
                    "中小学教辅 考试 大中专教辅 外语 工具书 公务员 考研",
                    "科普读物 计算机\网络 医学 工业技术 建筑 自然科学",
                    "两性 小说  文学 传记 青春 动漫 艺术 摄影 ，明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影 ，明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影 ，明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影 ，明星",
                    "小说  文学 传记 青春 动漫 艺术 摄影 ，明星",
                    "英文进口书 杂志 港口进口书 进口书画册"

                                   ]
                   for(let i=0;i<14;i++){
                       document.write(
                           `<li>
                             <p> ${data_p[i]}</p>
                             <div>
                                ${data_div[i]}
                             </div>
                            </li>`
                       )
                   }
               </script>
           </ul>
  <!--轮播开始-->
  <div class="pptbox" id="bannerInner">
    <!--轮播的内容-->
    <ul class="innerwrapper">
      <li>
         <a href="#"><img src="../images/banner1.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner2.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner3.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner4.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner5.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner6.jpg" /></a>
      </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls" id="current_li">
      <li class="current" >1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
  </div>
  <!--轮播结束-->
    </div>
    <!-- 广告轮播结束 -->
    <!-- 今日推荐开始 -->
    <div class="warpper tj1">
           <p>乐购 &nbsp;·&nbsp;今日推荐</p>
    </div>
    <div class="wrapper tj2">
    </div>
      <ul class="tj3 wrapper">
           <li>
               <img src="../images/product01.jpg" alt="">
               <img src="../images/limitTime.jpg" alt="">
               <p>黑爵青峰侠六键电竞游戏鼠标</p>
               <p>全国联保&nbsp;一年免费包换</p>
               <p>￥&nbsp;：299</p>
           </li>
           <li>
            <img src="../images/product01.jpg" alt="">
            <img src="../images/limitTime.jpg" alt="">
            <p>黑爵青峰侠六键电竞游戏鼠标</p>
            <p>全国联保&nbsp;一年免费包换</p>
            <p>￥&nbsp;：299</p>
            </li>
           <li>
            <img src="../images/product01.jpg" alt="">
            <img src="../images/limitTime.jpg" alt="">
            <p>黑爵青峰侠六键电竞游戏鼠标</p>
            <p>全国联保&nbsp;一年免费包换</p>
            <p>￥&nbsp;：299</p>
            </li>
            <li>
                <img src="../images/product01.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>黑爵青峰侠六键电竞游戏鼠标</p>
                <p>全国联保&nbsp;一年免费包换</p>
                <p>￥&nbsp;：299</p>
            </li>
            <li>
                <img src="../images/product01.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>黑爵青峰侠六键电竞游戏鼠标</p>
                <p>全国联保&nbsp;一年免费包换</p>
                <p>￥&nbsp;：299</p>
            </li>
            <li>
                <img src="../images/product01.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>黑爵青峰侠六键电竞游戏鼠标</p>
                <p>全国联保&nbsp;一年免费包换</p>
                <p>￥&nbsp;：299</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
            <li>
                <img src="../images/index06_11.jpg" alt="">
                <img src="../images/limitTime.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p>唯美外观&nbsp;微米级喷雾</p>
                <p>￥&nbsp;：89</p>
            </li>
        </ul> 
    <!-- 今日推荐结束 -->
    <!-- 电子书开始 -->
    <div class="dzs1 wrapper clearfix floor">
        <p>图书&nbsp;&nbsp;电子书</p>
       <div class="fr dzs2" id="z1">
        <span class="cf60">最新上架</span>
        <span>独家畅销</span>
        <span>电子书</span>
       </div>
    </div>           
    <div class="wrapper clearfix boxq">
        <div class="dzsn1 fl">
            <div class="dzsn2 fl">
             <img src="../images/index7_07.jpg" alt="">
             <p>中小学教辅&emsp; 外语&emsp;&nbsp;&emsp;&emsp;考试</p>
             <p>小说&emsp;&nbsp;&emsp;&emsp;&emsp;文学&emsp;&emsp;&nbsp;&emsp;青春文学 </p>
             <p>成功\励志&emsp;&emsp;管理&emsp;&emsp;&nbsp;&emsp;历史</p>
             <p>哲学\宗教&emsp;&emsp;亲子\家教&emsp;全部分类></p>
            </div>
               <div class="dzsn3  show fr">
             <ul>
                 <li>
                    <div class="pptbox" id="ebook">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                          <li>
                             <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                          </li>
                          <li>
                            <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                          </li>
                          <li>
                            <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                          </li>
                          <li>
                            <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                          </li>
                        </ul>
                        <!--数字控制器-->
                        <ul class="controls" id="current_li">
                          <li class="current" >1</li>
                          <li>2</li>
                          <li>3</li>
                          <li>4</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                      </div>
                      <!--轮播结束-->
                 </li>
                 <li>
                     <p>奥运狂欢</p>
                     <p>10万种电子书&nbsp;直降40%</p>
                     <img src="../images/index09_05.jpg" alt="">
                     <p>￥49
                        <span>￥79</span>
                     </p>
                 </li>
                 <li>
                    <p>奥运狂欢</p>
                    <p>10万种电子书&nbsp;直降40%</p>
                    <img src="../images/index09_05.jpg" alt="">
                    <p>￥49
                       <span>￥79</span>
                    </p>
                </li>
                <li class="xuxian">
                    <p>奥运狂欢</p>
                    <p>10万种电子书&nbsp;直降40%</p>
                    <img src="../images/index09_05.jpg" alt="">
                    <p>￥49
                       <span>￥79</span>
                    </p>
                </li>
                <li>
                    <p>奥运狂欢</p>
                    <p>10万种电子书&nbsp;直降40%</p>
                    <img src="../images/index09_05.jpg" alt="">
                    <p>￥49
                       <span>￥79</span>
                    </p>
                </li>
                <li>
                    <p>奥运狂欢</p>
                    <p>10万种电子书&nbsp;直降40%</p>
                    <img src="../images/index09_05.jpg" alt="">
                    <p>￥49
                       <span>￥79</span>
                    </p>
                </li>
                <li>
                    <p>奥运狂欢</p>
                    <p>10万种电子书&nbsp;直降40%</p>
                    <img src="../images/index09_05.jpg" alt="">
                    <p>￥49
                       <span>￥79</span>
                    </p>
                </li>
                </ul>
               </div>
               <div class="dzsn3 fr">
                <ul>
                    <li>
                       <div class="pptbox" id="ebook">
                           <!--轮播的内容-->
                           <ul class="innerwrapper">
                             <li>
                                <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                             </li>
                           </ul>
                           <!--数字控制器-->
                           <ul class="controls" id="current_li">
                             <li class="current" >1</li>
                             <li>2</li>
                             <li>3</li>
                             <li>4</li>
                           </ul>
                           <!--按钮控制器-->
                           <span class="btnleft"></span>
                           <span class="btnright"></span>
                         </div>
                         <!--轮播结束-->
                    </li>
                    <li>
                        <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                        <p class="qian">￥49
                           <span>￥79</span>
                        </p>
                    </li>
                    <li>
                        <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                        <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                   <li class="xuxian">
                    <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                   <li>
                    <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                   <li>
                    <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                   <li>
                       <img src="../images/书籍/cglz.jpg" alt="" class="tupiandx">
                       <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                </ul>
               </div>
               <div class="dzsn3 fr">
                <ul>
                    <li> 
                       <div class="pptbox" id="ebook">
                           <!--轮播的内容-->
                           <ul class="innerwrapper">
                             <li>
                                <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                             </li>
                             <li>
                               <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                             </li>
                           </ul>
                           <!--数字控制器-->
                           <ul class="controls" id="current_li">
                             <li class="current" >1</li>
                             <li>2</li>
                             <li>3</li>
                             <li>4</li>
                           </ul>
                           <!--按钮控制器-->
                           <span class="btnleft"></span>
                           <span class="btnright"></span>
                         </div>
                         <!--轮播结束-->
                    </li>
                    <li>
                        <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                        <p class="qian">￥49
                           <span>￥79</span>
                        </p>
                    </li>
                    <li>
                        <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                        <p class="qian">￥49
                           <span>￥79</span>
                       </p>
                   </li>
                   <li class="xuxian">
                    <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                       <span>￥79</span>
                       </p>
                   </li>
                   <li>
                    <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                       <span>￥79</span>
                       </p>
                   </li>
                   <li>
                    <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                    <p class="qian">￥49
                       <span>￥79</span>
                       </p>
                   </li>
                   <li>
                       <img src="../images/书籍/jingguan.jpg" alt="" class="tupiandx">
                       <p class="qian">￥49
                          <span>￥79</span>
                       </p>
                   </li>
                </ul>
               </div>
        </div>
        <div class="ebook_right fr">
            <h2>新书畅销榜</h2>
            <ul>
              <li>
                  <span>1</span>
                  <h3 class="title_hide">就喜欢你看不惯我&emsp;&nbsp;又不干</h3>
                  <div class="clearfix book_show">
                    <img src="../images/index08_05.jpg" alt="" class="fl">
                    <p class="fr">
                        从你的世界路过
                        入选央视“2014中国好书”的80后作品！
                        十年华语畅销小说，王家卫陈国富倾力推荐， 
                        1500万次转发，超4亿次阅读
                    </p>
                  </div>
              </li>
              <script>
                  for(let i=1;i<7;i++){
                    document.write(`
                    <li>
                        <span>${i+1}</span>
                        <h3 class="">就喜欢你看不惯我 又不干</h3>
                      <div class="clearfix ">
                        <img src="../images/index08_05.jpg" alt="" class="fl">
                        <p class="fr">
                        从你的世界路过
                        入选央视“2014中国好书”的80后作品！
                        十年华语畅销小说，王家卫陈国富倾力推荐， 
                        1500万次转发，超4亿次阅读
                         </p>
                       </div>
                    </li>
                    
                    `)
                   }
              </script>
          </ul>
        </div>
    </div>

    <!-- 电子书结束 -->
    <!-- 服装开始 -->
        <div class=" wrapper fz ">
            <p>服装</p>
            <div class="fz2 fr">
             <span class="cf60">女性内衣</span>
             <span>热销男装</span>
             <span>精品鞋靴</span>
            </div>
         </div>
         <div class="fzn1 wrapper floor">
             <div class="dzsn2 fl">
             <img src="../images/index7_17.jpg" alt="">
             <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;防晒品&emsp;&nbsp;&emsp;&nbsp;短裤</p>
             <p>冰丝内裤&emsp;&emsp;男包&emsp;&emsp;&emsp;&nbsp;功能箱包</p>
             <p>蕾丝衬衫&emsp;&emsp;奢侈品&emsp;&emsp;&nbsp;男鞋</p>
             <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;女鞋&emsp;&nbsp;&emsp;&emsp;全部分类></p>
             </div>
             <div class="fzn2 fl">
                <div class="pptbox" id="fuzhuang">
                    <!--轮播的内容-->
                    <ul class="innerwrapper">
                      <li>
                         <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                      </li>
                      <li>
                        <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                      </li>
                      <li>
                        <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                      </li>
                      <li>
                        <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                      </li>
                    </ul>
                    <!--数字控制器-->
                    <ul class="controls" id="current_li">
                      <li class="current" >1</li>
                      <li>2</li>
                      <li>3</li>
                      <li>4</li>
                    </ul>
                    <!--按钮控制器-->
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                  </div>
                <img src="../images/index11_08.jpg" alt="">
             </div>
             <div class="fzn3 fr">
                <div class="fzn3_1">
                 <ul class="" >
                 <li>
                     <img src="../images/index100_05.jpg" alt="">
                 </li>
                  <li>
                      <img src="../images/index100_05.jpg" alt="">
                  </li>
                  <li>
                      <img src="../images/index100_05.jpg" alt="">
                  </li>
                </ul>
             </div>
             <div class="fzn3_2">
                 <ul>
                <li>
                    <img src="../images/index100_11.jpg" alt="">
                </li>
                 <li>
                     <img src="../images/index100_11.jpg" alt="">
                 </li>
                 <li>
                     <img src="../images/index100_11.jpg" alt="">
                 </li>
               </ul>
              </div>
             </div>  
             
         </div>
         <div class="biaoqian wrapper">
            <ul>
                <li>
                    <img src="../images/index15_13.jpg" alt="">
                </li>
                <li>
                    <img src="../images/index15_14.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_11.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_12.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_13.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_14.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_15.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_16.jpg" alt="">
                </li>
                <li>
                    <img src="../images/logo13_17.jpg" alt="">
                </li>
            </ul>
        </div>
    
    <!-- 服装结束 -->
    <!-- 户外运动开始 -->
    <div class=" wrapper fz">
        <p>户外运动</p>
        <div class="fr fz2">
         <span class="cf60">国际名品</span>
         <span>户外装备</span>
         <span>运动潮牌</span>
        </div>
     </div>
     <div class="fzn1 wrapper floor">
         <div class="dzsn2 fl">
         <img src="../images/index7_17.jpg" alt="">
         <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;防晒品&emsp;&nbsp;&emsp;&nbsp;短裤</p>
         <p>冰丝内裤&emsp;&emsp;男包&emsp;&emsp;&emsp;&nbsp;功能箱包</p>
         <p>蕾丝衬衫&emsp;&emsp;奢侈品&emsp;&emsp;&nbsp;男鞋</p>
         <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;女鞋&emsp;&nbsp;&emsp;&emsp;全部分类></p>
         </div>
         <div class="fzn2 fl">
            <div class="pptbox" id="fuzhuang">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                     <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="current_li">
                  <li class="current" >1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
            <img src="../images/index11_08.jpg" alt="">
         </div>
         <div class="fzn3 fr">
            <div class="fzn3_1 ">
             <ul class="" >
             <li>
                 <img src="../images/运动潮流/160801-17862pc-C.jpg" alt="">
             </li>
              <li>
                <img src="../images/运动潮流/160801-17862pc-C.jpg" alt="">
              </li>
              <li>
                <img src="../images/运动潮流/160801-17862pc-C.jpg" alt="">
              </li>
            </ul>
         </div>
         <div class="fzn3_2">
             <ul>
            <li>
                <img src="../images/运动潮流/160729-12609pc-D.jpg" alt="">
            </li>
             <li>
                <img src="../images/运动潮流/160729-12609pc-D.jpg" alt="">
             </li>
             <li>
                <img src="../images/运动潮流/160729-12609pc-D.jpg" alt="">
             </li>
           </ul>
          </div>
         </div>
     </div>
     <div class="biaoqian wrapper">
        <ul>
            <li>
                <img src="../images/index15_13.jpg" alt="">
            </li>
            <li>
                <img src="../images/index15_14.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_11.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_12.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_13.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_14.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_15.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_16.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_17.jpg" alt="">
            </li>
        </ul>
    </div>
    <!-- 户外运动结束 -->
    <!-- 童装开始 -->
    <div class=" wrapper fz">
        <p>童装&emsp;&emsp;  童鞋&emsp; &emsp;  婴儿装</p>
        <div class="fr fz2">
         <span class="cf60">儿童童装</span>
         <span>婴儿装</span>
         <span>小潮童鞋</span>
        </div>
     </div>
     <div class="fzn1 wrapper floor">
         <div class="dzsn2 fl">
         <img src="../images/儿童服装/86030026097384_y.jpg" alt="" class="tz1">
         <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;防晒品&emsp;&nbsp;&emsp;&nbsp;短裤</p>
         <p>冰丝内裤&emsp;&emsp;男包&emsp;&emsp;&emsp;&nbsp;功能箱包</p>
         <p>蕾丝衬衫&emsp;&emsp;奢侈品&emsp;&emsp;&nbsp;男鞋</p>
         <p>女包&emsp;&nbsp;&emsp;&emsp;&nbsp;&nbsp;女鞋&emsp;&nbsp;&emsp;&emsp;全部分类></p>
         </div>
         <div class="fzn2 fl">
            <div class="pptbox" id="fuzhuang">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                     <a href=""><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg"></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/335x220_ljx_0729.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="../images/书籍/dsshbanner-zr-0914.jpg" /></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="current_li">
                  <li class="current" >1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
            <img src="../images/index11_08.jpg" alt="">
         </div>
         <div class="fzn3 fr">
            <div class="fzn3_1 ">
             <ul class="" >
             <li>
                 <img src="../images/儿童服装/55260017675581_y.jpg" alt="">
             </li>
              <li>
                <img src="../images/儿童服装/55260017675581_y.jpg" alt="">
              </li>
              <li>
                <img src="../images/儿童服装/55260017675581_y.jpg" alt="">
              </li>
            </ul>
         </div>
         <div class="fzn3_2">
             <ul>
            <li>
                <img src="../images/儿童服装/99999990000357083.jpg" alt="">
            </li>
             <li>
                <img src="../images/儿童服装/99999990000357083.jpg" alt="">
             </li>
             <li>
                <img src="../images/儿童服装/99999990000357083.jpg" alt="">
             </li>
           </ul>
          </div>
         </div>
     </div>
     <div class="biaoqian wrapper">
        <ul>
            <li>
                <img src="../images/index15_13.jpg" alt="">
            </li>
            <li>
                <img src="../images/index15_14.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_11.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_12.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_13.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_14.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_15.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_16.jpg" alt="">
            </li>
            <li>
                <img src="../images/logo13_17.jpg" alt="">
            </li>
        </ul>
    </div>
    <!-- 童装结束 -->
    <!-- 家具日用开始 -->
    <div class=" wrapper fz">
        <p>家具日用</p>
     </div>
     <div class="jj wrapper clearfix floor">
         <div class="jiaju fl">
         </div>
         <div class="jiaju1 fr">
            <div class="jiaju1_1 ">
                <ul class="" >
                <li>
                    <img src="../images/index22_05.jpg" alt="">
                </li>
                 <li>
                     <img src="../images/index22_05.jpg" alt="">
                 </li>
                 <li>
                     <img src="../images/index22_05.jpg" alt="">
                 </li>
                 <li>
                    <img src="../images/index22_05.jpg" alt="">
                </li>
               </ul>
            </div>
            <div class="jiaju1_2">
                <ul>
               <li>
                   <img src="../images/index23_08.jpg" alt="">
               </li>
               <li>
                <img src="../images/index23_08.jpg" alt="">
            </li>
            <li>
                <img src="../images/index23_08.jpg" alt="">
            </li>
            <li>
                <img src="../images/index23_08.jpg" alt="">
            </li>
              </ul>
             </div>
         </div>
     </div>
    <!-- 家具日用结束 -->
    <!-- 推广商品 -->
    <div class=" wrapper fz">
        <p style=" color: #ff6701;">推广商品</p>
     </div>
     <div class="tui wrapper clearfix">
         <div class="kong wrapper"></div>
         <ul>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
             <li>
                <div class="tui1">
                    <img src="../images/index25_12.jpg" alt="">
                    <p class="zi1">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="zi2">￥：189</p>
                    <div class="zi3">
                        <img src="../images/index27_14.jpg" alt="" >
                    <span>已有
                        <span style="color:#e5463e;">998</span>
                        条评论</span>
                    </div>
                </div> 
             </li>
         </ul>
     </div>
    <!-- 推广结束 -->
    <!-- 页脚开始 -->
    <div class="food">
        <div class="xian1"></div>
        <div class="jiao1">
            <div class="jiao2 wrapper clearfix">
              <ul class="fl">
                <li class="dp1"></li>
                <li class="dp2"></li>
                <li class="dp3"></li>
                <li class="dp4"></li>
              </ul>
            </div>
        </div>
    </div>
    <div class="footer wrapper ">
           <ul>
               <h2>购物指南</h2>
               <li>购物流程</li>
               <li>发票制度</li>
               <li>账户管理</li>
               <li>会员优惠</li>
           </ul>
           <ul>
            <h2>支付方式</h2>
            <li>货到付款</li>
            <li>网上支付</li>
            <li>礼品卡支付</li>
            <li>银行转账</li>
        </ul>
        <ul>
            <h2>订单服务</h2>
            <li>订单配送查询</li>
            <li>订单状态说明</li>
            <li>自助取消订单</li>
            <li>自助修改订单</li>
        </ul>
        <ul>
            <h2>退换货</h2>
            <li>退换货政策</li>
            <li>自助申请退换货</li>
            <li>退换货进度查询</li>
            <li>退款方式和时间</li>
        </ul>
        <ul>
            <h2>商家服务</h2>
            <li>商家中心</li>
            <li>运营服务</li>
            <li>加入尾品汇</li>
        </ul>
        <img class="fl" src="../images/logo_00.png" alt="">
    </div>
    <div class="di1">
        <ul class="clearfix wrapper">
            <li>公司简介</li>
            <li>lnvestor Relations</li>
            <li>网站联盟</li>
            <li>乐购招商</li>
            <li>机构销售</li>
            <li>手机乐购</li>
            <li>官方Blog</li>
            <li style="border: none;">热词搜索</li>
        </ul>
        <p>Copyright&nbsp;&nbsp;&nbsp;(C)&nbsp;&nbsp;&nbsp;乐购网&nbsp;&nbsp;
            2004-2016.&nbsp;&nbsp;&nbsp;
            All&nbsp;&nbsp; Reserved</p>
    </div>
    <!-- 页脚结束 -->
    <!-- 头部固定 -->
    <div id="fixedHeader">
        <script>
            $(".ssz").clone().appendTo
            ("#fixedHeader")
        </script>
    </div>
    <!-- 楼层跳转 -->
    <div id="floorBox">
      <ul>
          <li class="fbg01">
               <span>图书</span>
          </li>
          <li class="fbg02">
              <span>服装</span>
          </li>
          <li class="fbg03">
              <span>运动</span>
          </li>
          <li class="fbg04">
              <span>童装</span>
          </li>
          <li class="fbg05">
              <span>家居</span>
          </li>
      </ul>
    </div>
     <!--插件库-->
  <script src="../lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/inex.js"></script>
</body>
</html> 